<template>
    <div class="hread">
      <div class="logo">
        <img src="../assets/img/logo.png"/>
      </div>
      <div class="hread-tlt">
        <div class="username">张总(超级管理员)</div>
        <div class="userimg">
          <img src="../assets/img/gita.gif"/>
        </div>
        <div class="off">
          <span></span>
          <span><router-link to="/login">退出登录</router-link></span>
        </div>
        <div class="yuyan">
          <img src="../assets/img/cn.png"/>
        </div>
      </div>
    </div>
</template>

<script>
export default {
    name:"Myhread"
}
</script>

<style scoped lang="scss">
.hread {
  height: 50px;
  background: #fff;
  line-height: 50px;
  display: flex;
  justify-content: space-between;
}
.logo{
  width:100px;
  height:40px;
  margin-top:8px;
  margin-left:5px;
}
.logo img{
  width:100%;
}
.hread-tlt{
  display: flex;
  justify-content: space-between;
}
.hread-tlt .username{
  font-size: 13px;
  color:#222;
  padding-right:10px;
}
.hread-tlt .userimg{
  width:30px;
  margin-top:10px;
  padding-right:10px;
}
.hread-tlt .userimg img{
  width:30px;
}

.hread-tlt .yuyan img{
  width:50px;
}
.off a{
  color:#5bacff;
}
</style>